$(function () {
    // 预览
    $('.yulan').click(function () {
        $('.presee').show()
        $('.mask-change').show()
    })
    $('.presee-cancle').click(function () {
        $('.presee').hide()
        $('.mask-change').hide()
    })
    // 上传图片弹窗
    $('.shangchuan-pic').click(function () {
        $('.transfer').show()
        $('.mask-change').show()
    })
    $('.transfer h3 img,.sc-tanchuang-quxiao').click(function () {
        $('.mask-change').hide()
        $('.transfer').hide()
        $('.add-zu').hide()
    })
    //上传图片的弹窗左侧的标签是用angular动态生成的.用each遍历不到,要用到事件委托:on或者delegate;
    $('.tuwen-ul').delegate("li","click",function(event){
        var target=$(event.target);
        // alert(target);
        target.addClass('active').siblings('li').removeClass('active')
        var x=target.index();//获取的索引值.
        $('.tuwen-tag div.tuwen-tag-right').eq(x).show().siblings('.tuwen-tag-right').hide()
    })
    $('.add-fenzu').click(function (){
        $('.add-zu').show();
    })
    $('.xinjian-cancle').click(function () {
        $(this).parent('p').parent('div').hide()
    })
    // 上传本地照片到网上  选中图片时高亮显示.为未来元素添加事件处理,用事件委托:on或者delegate;
    $(".tag-tu-ul").delegate("li","click",function(event){
        var target = $(event.target);//是img
        var pan=target.attr('onOff');
        if( pan==1 )
        {
            target.parent('li').css("border","3px solid #f00");
            target.attr('onOff',0);
        }
        else
        {
            target.parent('li').css("border","3px solid #fff");
            target.attr('onOff',1);
        }
    });
    // 确定上传,将高亮显示的图片上传到页面当中
    $('.sureUpload').click(function (){
        var total=$('.tag-tu-ul li img[onOff=0]').length;
        if( total==0 )
        {//上传封面图片时,
            alert('没有选中图片!')
        }
        $('.tag-tu-ul li').each(function (){
            var or=$(this).children('img').attr('onOff');
            if( or==0 )
            {//判断图片是否被选中,or等于0证明图片是处于被选中的状态.
                var picInfo=$(this).children('img').attr('src');
                $('.feng-mian img').attr('src',picInfo);
                $('.transfer,.mask-change').hide();
            };
        })
    });
    // 利用ajax调后台数据的接口
    var address='http://211.144.155.50:8099'//服务器的地址,后来会发生变化.

    //预览图文弹框的内容;
    $('.yulan').click(function(){
        var picUrl=$('.feng-mian img').attr('src');
        $('.presee-img img').attr('src',picUrl);
        var head=$('.tanTitle').val();
        $('.sub-intro').html(head+'<br><span class="sub-intro"></span>')
        getNowTime($('.sub-intro span'));//span里面的日期是当下的时间;

        var neiRong = UE.getEditor('myEditor').getContent();//通过这种方式来获取UEditor的编辑内容;
        $('.presee-cont').html(neiRong)

    });
    function getNowTime(a)
    {//获取当下时间,年月日
        var time = new Date();// 实例化一个对象

        var iYear = time.getFullYear();
        var iMonth = time.getMonth()+1;//0-11月份
        var iDate = time.getDate();
        return a.html(iYear+'-'+toZero(iMonth)+'-'+toZero(iDate));
    };
    function toZero(n)
    {//为日期补零
        return n = (n<=9? '0'+n:''+n);
    };
    //将整个页面表单的信息提交给后台;
    $('#saveAndPub').click(function (){
        var neiRong = UE.getEditor('myEditor').getContent();//通过这种方式来获取UEditor的编辑内容;
        var reMen=$('input:radio[name="featured"]:checked').val();
        if(reMen==null) {
            alert("请至少选一个");
            return false;
        }
            console.log(neiRong);
        $.ajax({
            type:' post',
            url:address+'/cms/1/savecontent',
            data:{
                bodyTitle:$('#shoujixinxiForm input[name=bodyTitle]').val(),//副标题,  好
                content:neiRong,//正文内容,     好
                coverUrl:$('#shoujixinxiForm input[name=coverUrl]').val(),//封面图url
                featured:$('#shoujixinxiForm input[name=featured]').val(),//是否热门    好
                labelId:$('#shoujixinxiForm input[name=biaoqian]').val(),//标签id,    好
                popular:$('#shoujixinxiForm input[name=popular]').val(),//是否精选      好
                title:$('#shoujixinxiForm input[name=title]').val(),//标题,   好
                type:1,//发布还是保存,    好
                userId:1,

            },
            dataType:'json',
            success:successFn,
            error:function (){
                console.log('整个页面信息提交失败!')
            }
        })
    });
    function successFn()
    {
        console.log('整个页面信息提交成功了!!!');
    };





})



